<template>
	<base-page class="base-form" title="学生详情" @back="onCancel()">
		<view class="main-box">
			<view class="container">
				<uni-list>
					<uni-list-item title="头像" showExtraIcon="true" :extraIcon="{ type: 'image-filled' }">
						<template v-slot:footer>
							<image :src="student.photograph" style="width: 60px;height: 60px;"></image>
						</template>
					</uni-list-item>

					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'contact-filled' }" title="名字"
						:rightText="student.name" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'auth-filled' }" title="职务"
						:rightText="student.jobTitle" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'staff-filled' }" title="性别">
						<template v-slot:footer>
							<view style="color: #999;font-size: 12px;">
								{{ student.sex == 2 ? '男' : '女' }}
							</view>
						</template>
					</uni-list-item>
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'phone-filled' }" title="手机号码"
						:rightText="student.phone" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="身份证"
						:rightText="student.identityCard" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="单位名称"
						:rightText="student.schoolInfo.name" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="民族"
						:rightText="student.nation" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'home-filled' }" title="籍贯"
						:rightText="student.nativePlace" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'home-filled' }" title="政治面貌"
						:rightText="student.partyGroupings" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'home-filled' }" title="职称"
						:rightText="student.professionalTitle" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'home-filled' }" title="进修编号"
						:rightText="student.refresherCourseCode" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar' }" title="出生日期"
						:rightText="student.dateOfBirth" />
					<uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="创建日期"
						:rightText="student.createTime" />

				</uni-list>
			</view>
		</view>
	</base-page>
</template>

<script>
export default {
	data() {
		return {
			student: {},
		}
	},
	onLoad(option) {
		this.student = JSON.parse(decodeURIComponent(option.stuDetailObj))
		console.log(this.student);
	},
	methods: {
		onCancel() {
			uni.navigateBack();
		},
	}
}
</script>

<style lang="scss">
page {
	background-color: #ffffff;
}
</style>